<!doctype html>
<!--[if lt IE 7]>
<html xmlns:th="http://www.thymeleaf.org" class="lt-ie9 lt-ie8 lt-ie7" lang="en-US"> <![endif]-->
<!--[if IE 7]>
<html xmlns:th="http://www.thymeleaf.org" class="lt-ie9 lt-ie8" lang="en-US"> <![endif]-->
<!--[if IE 8]>
<html xmlns:th="http://www.thymeleaf.org" class="lt-ie9" lang="en-US"> <![endif]-->
<!--[if gt IE 8]><!-->
<html xmlns:th="http://www.thymeleaf.org" lang="en-US"> <!--<![endif]-->

<span th:substituteby="layout.html :: header-include"></span>

<body>

<span th:substituteby="layout.html :: header"></span>
<span th:substituteby="layout.html :: search"></span>

<div class="page-container">
    <div class="container">
        <div class="row">
            <div class="span8 page-content">
                <div class="row home-category-list-area">
                    <div class="span8">
                        <h2>Categories</h2>
                    </div>
                </div>

                <div class="row-fluid top-cats">

                    <section class="span4">
                        <h4 class="category"><a href="#">WordPress for Beginners</a></h4>

                        <div class="category-description">
                            <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod
                                tincidunt ut laoreet dolore magna aliquam erat</p>
                        </div>
                    </section>

                    <section class="span4">
                        <h4 class="category"><a href="#">Designing in WordPress</a></h4>

                        <div class="category-description">
                            <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod
                                tincidunt ut laoreet</p>
                        </div>
                    </section>

                    <section class="span4">
                        <h4 class="category"><a href="#">Theme Development</a></h4>

                        <div class="category-description">
                            <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod
                                tincidunt ut laoreet dolore magna</p>
                        </div>
                    </section>
                </div>
                <div class="row-fluid top-cats">

                    <section class="span4">
                        <h4 class="category"><a href="#">Website Dev</a></h4>

                        <div class="category-description">
                            <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod
                                tincidunt ut laoreet dolore magna aliquam</p>
                        </div>
                    </section>

                    <section class="span4">
                        <h4 class="category">
                            <a href="#">WordPress Plugins</a></h4>

                        <div class="category-description">
                            <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod
                                tincidunt ut laoreet dolore</p>
                        </div>
                    </section>

                    <section class="span4">
                        <h4 class="category"><a href="#">Advanced Techniques</a></h4>

                        <div class="category-description"><p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit,
                            sed diam nonummy nibh euismod tincidunt ut</p>
                        </div>
                    </section>
                </div>

            </div>

            <span th:substituteby="layout.html :: sidebar"></span>
        </div>
    </div>
</div>

<span th:substituteby="layout.html :: footer"></span>

</body>
</html>
